define(() => {

	const BeHeader = {
		template: `<div>
		<!-- 头部 -->
		<header>
			<!-- logo -->
			<div class="am-fl tpl-header-logo">
				<a href="javascript:;"><img src="assets/img/logo.png" alt=""></a>
			</div>

			<!-- 右侧内容 -->
			<div class="tpl-header-fluid">
				<!-- 侧边切换 -->
				<div class="am-fl tpl-header-switch-button am-icon-list">
					<span></span>
				</div>

				<!-- 搜索 -->
				<div class="am-fl tpl-header-search">
					<form class="tpl-header-search-form" action="javascript:;">
						<button class="tpl-header-search-btn am-icon-search"></button>
						<input class="tpl-header-search-box" type="text" placeholder="搜索内容...">
					</form>
				</div>

				<!-- 其它功能-->
				<div class="am-fr tpl-header-navbar">
					<ul>
						<!-- 退出 -->
						<li class="am-text-sm">
							<a href="javascript:;">
								<span class="am-icon-sign-out"></span> 退出
							</a>
						</li>
					</ul>
				</div>
			</div>
		</header>

		<!-- 侧边导航栏 -->
		<aside class="left-sidebar">
			<!-- 用户信息 -->
			<div class="tpl-sidebar-user-panel">
				<div class="tpl-user-panel-slide-toggleable">
					<div class="tpl-user-panel-profile-picture">
						<img src="assets/img/user04.png" alt="">
					</div>
					<span class="user-panel-logged-in-text">
						<i class="am-icon-circle-o am-text-success tpl-user-panel-status-icon"></i>管理员1
					</span>
					<!-- <a href="javascript:;" class="tpl-user-panel-action-link"><span class="am-icon-pencil"></span>账号设置</a> -->
				</div>
			</div>

			<!-- 菜单 -->
			<ul class="sidebar-nav">
				<!-- 1 -->
				<li class="sidebar-nav-heading">主要<span class="sidebar-nav-heading-info">功能</span></li>
				<li class="sidebar-nav-link">
					<a href="current.html" class="active">
						<i class="am-icon-home sidebar-nav-link-logo"></i>当前大赛
					</a>
				</li>
				<li class="sidebar-nav-link">
					<a href="index.html">
						<i class="am-icon-home sidebar-nav-link-logo"></i>大赛发布
					</a>
				</li>
				<li class="sidebar-nav-link">
					<a href="worksAudit.html">
						<i class="am-icon-table sidebar-nav-link-logo"></i>作品审核
					</a>
				</li>
				<li class="sidebar-nav-link">
					<a href="worksGrade.html">
						<i class="am-icon-calendar sidebar-nav-link-logo"></i>作品评选
					</a>
				</li>

				<!-- 2> -->
				<li class="sidebar-nav-heading">辅助<span class="sidebar-nav-heading-info">功能</span></li>
				<li class="sidebar-nav-link">
					<a href="javascript:;" class="sidebar-nav-sub-title">
						<i class="am-icon-table sidebar-nav-link-logo"></i>open it
						<span class="am-icon-chevron-down am-fr am-margin-right-sm sidebar-nav-sub-ico"></span>
					</a>
					<ul class="sidebar-nav sidebar-nav-sub">
						<li class="sidebar-nav-link">
							<a href="tagsMag.html">
								<i class="am-icon-wpforms sidebar-nav-link-logo"></i>标签管理
							</a>
						</li>
						<li class="sidebar-nav-link">
							<a href="voteMag.html">
								<i class="am-icon-wpforms sidebar-nav-link-logo"></i>投票管理
							</a>
						</li>
						<li class="sidebar-nav-link">
							<a href="commentMag.html">
								<i class="am-icon-wpforms sidebar-nav-link-logo"></i>评论管理
							</a>
						</li>
					</ul>
				</li>

				<!-- 3> -->
				<li class="sidebar-nav-heading">数据<span class="sidebar-nav-heading-info">管理</span></li>
				<li class="sidebar-nav-link">
					<a href="javascript:;" class="sidebar-nav-sub-title">
						<i class="am-icon-table sidebar-nav-link-logo"></i> 数据列表
						<span class="am-icon-chevron-down am-fr am-margin-right-sm sidebar-nav-sub-ico"></span>
					</a>
					<ul class="sidebar-nav sidebar-nav-sub">
						<li class="sidebar-nav-link">
							<a href="worksList.html">
								<span class="am-icon-angle-right sidebar-nav-link-logo"></span>所有作品
							</a>
						</li>

						<li class="sidebar-nav-link">
							<a href="designersList.html">
								<span class="am-icon-angle-right sidebar-nav-link-logo"></span>所有设计师
							</a>
						</li>
					</ul>
				</li>
			</ul>
		</aside>
		</div>
		`,
		data() {
			return {
				name: 'be-header'
			}
		}
	}

	return BeHeader;
})